<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html"%>
<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean"%>
<%@ taglib uri="/WEB-INF/struts-logic.tld" prefix="logic"%>
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<%@	page import="java.util.*"%>
<%
	Random rand = new Random();
	int num = rand.nextInt(100000);
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html:html>

<head>
    <title>http://stackoverflow.com/questions/5664587/jqgrid-load-large-data-set-without-pagination</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/themes/redmond/jquery-ui.css" />
    <link rel="stylesheet" type="text/css" href="../css/ui.jqgrid.css" />
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js"></script>
    <script type="text/javascript" src="../js/grid.locale-en.js"></script>
    <script type="text/javascript" src="../js/jquery.jqGrid.min.js"></script>

    <script type="text/javascript">
    //<![CDATA[
    $(function(){
        var myGrid = $("#testgrid");
        myGrid.jqGrid({
            url:"/Yunysha/GridDataPopulation",
            datatype: 'json',
            mtype: 'POST',
            height: 250,
            colNames:['Name','Mobile', 'Email','Login Id','Login Password'],
            colModel:[
//                 {name:'id',index:'id', width:62, sorttype:"int", key:true, search:false},
                {name:'name',index:'name', width:70, sorttype:"string",search:true,editable:true, editoptions:{readonly:false}},
                {name:'mobile',index:'mobile', width:62,search:true,sorttype:"int",editable:true, editoptions:{readonly:false}},
                {name:'email',index:'email', width:68,sorttype:"string",search:true, align:"right",editable:true, editoptions:{readonly:false}},
                {name:'LoginId',index:'LoginId', width:68,sorttype:"string",search:true, align:"right",editable:true, editoptions:{readonly:false}},
                {name:'LoginPassword',index:'LoginPassword', width:68,sorttype:"string",search:true, align:"right",editable:true, editoptions:{readonly:false}},
//                
            ],
            multiselect: true,
            multiboxonly:true,
            caption: "Search Results",
            pager: '#testgridpager',
            gridview: true,
            pgbuttons:false,
            pgtext:'',
            shrinkToFit: false,
            width: ($.browser.webkit?466:497),
            loadonce: true,
            sortname: 'id',
            sortorder: 'asc',
            multiselect: true,
            hoverrows: false,
            rowNum: 2000,
            editurl: 'saveAction.do',
            jsonReader : { cell: "" }
        });

        //toolbar search
        myGrid.jqGrid('navGrid','#testgridpager',{stringResult:true,searchOnEnter:false});
    });
  
    //]]>
    </script>
</head>
<body>
    <table id="testgrid"><tr><td/></tr></table>
    <div id="testgridpager"></div>
</body>

</html:html>